<template>
  <div class="main">
    <el-breadcrumb v-show="$route.path == '/mains'" separator="/">
      <el-breadcrumb-item class="line" :to="{ path: $route.path }">{{$route.meta.title}}</el-breadcrumb-item>
    </el-breadcrumb>
    <router-view></router-view>
  </div>
</template>
<style scoped>
.el-breadcrumb {
    height: 10px;
    font-size: 4px;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
}
.line {
    border-left: 3px solid #31c17b;
    padding-left: 10px;
}
.main{
  margin: 0px;
  padding: 0px;
}
</style>